<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			ul{list-style: none;}
			#box{
				position: relative;
				height: 400px;width: 300px;
				border: 1px solid #97CBFF;
				border-radius: 15px 15px 15px 15px;
			}
			.words{float:right;}
			
			li{
				margin-bottom: 10px;
			}
			p{font-weight: bold;
				background: url(img/more.gif) 200px 5px no-repeat;
			}
			P span{color: red;}
			#pic{
				position: absolute;
				left: 100px;top: 40px;
			}
		</style>
	</head>
	<body>
		
		<div id="box">
			<ul>
				<p><span>SHOP</span>今日推荐</p>
				
				<li>
					<img src="img/img9.gif" />
					<div class="words">
						<a href="#">汉来国际美食百货</a><br />
						<span>口味：创意中餐</span><br />
						<span>区域：朝阳/CBD</span>
					</div>
					
				</li>
				<li>
				   <img src="img/img7.gif" />
				  <div class="words">
						<a href="#">汉来国际美食百货</a><br />
						<span>口味：创意中餐</span><br />
						<span>区域：朝阳/CBD</span>
				  </div>
				</li>
				
				<li>
				   <img src="img/img8.gif" />
				  <div class="words">
						<a href="#">汉来国际美食百货</a><br />
						<span>口味：创意中餐</span><br />
						<span>区域：朝阳/CBD</span>
				  </div>
				</li>
				
				
				<li>
				   <img src="img/img7.gif" />
				  <div class="words">
						<a href="#">汉来国际美食百货</a><br />
						<span>口味：创意中餐</span><br />
						<span>区域：朝阳/CBD</span>
				  </div>
				</li>
			 <img id="pic" src="img/shen.png" />
				  
				
				
			</ul>
			
			
			
		</div>
	</body>
</html>
